import './index.scss';
import { Form, Input, Button, Col, Row } from 'antd';
import { opsGetCustomerInfo } from '@/config/request/opsManager';

const OpsCustomerDetail = (props: any) => {
    const { rowItem } = props;

    return (
        <div className="detailInfo">
            <Row gutter={[10, 10]}>
                <Col span={10}>
                    <div style={{ fontSize: 20, color: '#1890FF' }}>
                        用户信息:
                    </div>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            主客户id：
                        </Col>
                        <Col span={10}>{rowItem.mainCustomerId}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            客户id：
                        </Col>
                        <Col span={10}>{rowItem.customerId}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            超级客户id：
                        </Col>
                        <Col span={10}>{rowItem.superCustomerId}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            统一客户全名：
                        </Col>
                        <Col span={10}>
                            {rowItem.unificationCustomerFullName}
                        </Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            客户名称：
                        </Col>
                        <Col span={10}>{rowItem.userName}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            登录名：
                        </Col>
                        <Col span={10}>{rowItem.loginName}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            用户邮箱：
                        </Col>
                        <Col span={10}>{rowItem.customerEmail}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            用户手机号：
                        </Col>
                        <Col span={10}>{rowItem.customerMobile}</Col>
                    </Row>
                    <div style={{ fontSize: 20, color: '#1890FF' }}>
                        会员信息:
                    </div>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            会员等级：
                        </Col>
                        <Col span={10}>{rowItem.membershipTemplateName}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            会员到期时间：
                        </Col>
                        <Col span={10}>{rowItem.expiresDate}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            会员更新时间：
                        </Col>
                        <Col span={10}>{rowItem.updateTime}</Col>
                    </Row>
                </Col>

                <Col span={10}>
                    <div style={{ fontSize: 20, color: '#1890FF' }}>
                        店铺信息:
                    </div>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            客户店铺id：
                        </Col>
                        <Col span={10}>{rowItem.customerShopId}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            店铺名称：
                        </Col>
                        <Col span={10}>{rowItem.customerShopName}</Col>
                    </Row>
                    <div style={{ fontSize: 20, color: '#1890FF' }}>
                        其它信息:
                    </div>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            客户经理：
                        </Col>
                        <Col span={10}>{rowItem.nickname}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            客户总监：
                        </Col>
                        <Col span={10}>{rowItem.nicknameChief}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            账户类型：
                        </Col>
                        <Col span={10}>{rowItem.accountType}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            是否内部用户：
                        </Col>
                        <Col span={10}>{rowItem.internalFlagStatus}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            系统来源：
                        </Col>
                        <Col span={10}>{rowItem.systemSource}</Col>
                    </Row>
                    <Row className="detailInfoItem">
                        <Col className="titleName" span={8}>
                            默认登录标记：
                        </Col>
                        <Col span={10}>{rowItem.defaultLogin}</Col>
                    </Row>
                </Col>
            </Row>
        </div>
    );
};

export default OpsCustomerDetail;
